import 'package:flutter/material.dart';

import 'package:qqmusic/page/live.dart';

class mvitme extends StatelessWidget {
  const mvitme({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        Container(
          // height: double.infinity,
          alignment: Alignment.center,
          width: MediaQuery.of(context).size.width,
          color: Colors.black,
          child: Image(
              fit: BoxFit.fitWidth,
              image: NetworkImage(
                  'https://img0.baidu.com/it/u=3338712556,3140257586&fm=253&fmt=auto&app=138&f=JPEG?w=700&h=464')),
        ),
        Positioned(
            bottom: 0,
            width: MediaQuery.of(context).size.width,
            child: Container(
              padding: EdgeInsets.symmetric(horizontal: 15),
              height: 50,
              // color: Colors.yellow,
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Container(
                    width: 0.8 * MediaQuery.of(context).size.width,
                    child: Row(
                      children: [
                        Icon(
                          Icons.favorite_border,
                          color: Colors.white,
                        ),
                        Container(
                          margin: EdgeInsets.only(left: 10),
                          child: Text(
                            '隔壁啊将阿克苏',
                            style: TextStyle(
                                color: Colors.white,
                                fontWeight: FontWeight.w600,
                                fontSize: 13),
                          ),
                        )
                      ],
                    ),
                  ),
                  Container(
                    child: Icon(
                      Icons.music_note,
                      color: Colors.white,
                    ),
                  )
                ],
              ),
            )),
        Positioned(
            bottom: 50,
            child: Container(
              padding: EdgeInsets.symmetric(horizontal: 15),
              width: MediaQuery.of(context).size.width,
              child: Divider(
                color: Colors.white,
              ),
            )),
        Positioned(
            right: 0,
            bottom: 90,
            child: Container(
              width: 40,
              height: 200,
              padding: EdgeInsets.only(right: 15),
              // color: Colors.yellow,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Container(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.center,
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Icon(
                          Icons.favorite,
                          color: Colors.white,
                          size: 25,
                        ),
                        Container(
                          margin: EdgeInsets.only(top: 5),
                          width: double.infinity,
                          alignment: Alignment.center,
                          child: Text(
                            '10',
                            style: TextStyle(color: Colors.white, fontSize: 14),
                          ),
                        )
                      ],
                    ),
                  ),
                  Container(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.center,
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Icon(
                          Icons.message,
                          color: Colors.white,
                          size: 25,
                        ),
                        Container(
                          margin: EdgeInsets.only(top: 5),
                          width: double.infinity,
                          alignment: Alignment.center,
                          child: Text(
                            '12',
                            style: TextStyle(color: Colors.white, fontSize: 14),
                          ),
                        )
                      ],
                    ),
                  ),
                  Container(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.center,
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Icon(
                          Icons.share,
                          color: Colors.white,
                          size: 25,
                        ),
                        Container(
                          margin: EdgeInsets.only(top: 5),
                          width: double.infinity,
                          alignment: Alignment.center,
                          child: Text(
                            '分享',
                            style: TextStyle(color: Colors.white, fontSize: 12),
                          ),
                        )
                      ],
                    ),
                  )
                ],
              ),
            )),
        Positioned(
            bottom: 90,
            left: 0,
            child: Container(
              width: 0.8 * MediaQuery.of(context).size.width,
              padding: EdgeInsets.only(left: 15),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    children: [
                      CircleAvatar(
                        backgroundImage: NetworkImage(
                            'https://img1.baidu.com/it/u=1436243288,1096900147&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500'),
                      ),
                      Container(
                        margin: EdgeInsets.symmetric(horizontal: 10),
                        child: Text(
                          '隔壁啊拉风',
                          style: TextStyle(color: Colors.white, fontSize: 15),
                        ),
                      ),
                      Container(
                        alignment: Alignment.center,
                        padding: EdgeInsets.all(1),
                        height: 20,
                        width: 40,
                        decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: BorderRadius.circular(10)),
                        child: Container(
                          alignment: Alignment.center,
                          width: 38,
                          decoration: BoxDecoration(
                              color: Colors.black,
                              borderRadius: BorderRadius.circular(10)),
                          child: Text(
                            '关注',
                            style: TextStyle(color: Colors.white, fontSize: 12),
                          ),
                        ),
                      )
                    ],
                  ),
                  Container(
                    margin: EdgeInsets.symmetric(vertical: 10),
                    child: Text(
                      '把撒娇什么是空气井底蛙i微博',
                      style: TextStyle(color: Colors.white),
                      maxLines: 2,
                      overflow: TextOverflow.ellipsis,
                    ),
                  ),
                  Container(
                    child: Text(
                      '1452次播放',
                      style: TextStyle(color: Colors.grey, fontSize: 12),
                    ),
                  )
                ],
              ),
            ))
      ],
    );
  }
}
